<template>
    <div class="flex justify-center bg-gray-50">
        <el-row class="container" style="height:calc(100vh - 160px);">
            <el-col :span="4" class=" bg-gray-100 p-6">
                <LeftMenu />
            </el-col>
            <el-col :span="20" style="overflow-y: auto;height:calc(100vh - 160px);">
                <slot></slot>
            </el-col>
        </el-row>
    </div>
</template>
<script setup>
import { ref } from 'vue';
import LeftMenu from './LeftMenu.vue';
</script>
<style scoped>
.container {
    width: 1440px;
    user-select: none;
}

.pointer {
    cursor: pointer;
}
</style>